<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>交易管理</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet"
          href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet"
          href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    <style>
        #pages a{
            background-color: #fff;
            border: 1px solid #ddd;
            padding: 5px 12px;
            font-size: 12px;
            color: #999999;
        }
        #pages span{
            background-color: #368EE0;
            border: 1px solid #368EE0;
            padding: 5px 12px;
            font-size: 12px;
            color: #ffffff;
        }
    </style>
</head>
<body class="childrenBody">

<!--nav 部件-->
<div class="nav_list">
    <div class="text_title" style="float: inherit">待完善职工（222）</div>
</div>
<!--搜索内容-->
<div class="search_form" style="background-color: #F7F7F7">
    <div class="row">
        <div class="col-sm-4 " style="float:right;">
            <div class="input-group">
                <span class="input-group-addon fix-border fix-padding"></span>
                <select class="form-control">
                    <option value="1">所属工会</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="社区/乡/镇">
                <span class="input-group-btn">
          <button class="btn btn-primary" type="button">搜索</button>
        </span>
            </div>
        </div>
        <div class="col-sm-8" style="float:right;">
            <div class="input-group input_jygl">
                <span class="input-group-addon fix-border fix-padding">发放机构</span>
                <select class="form-control">
                    <option value="1">近一个月</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding">身份证</span>
                <select class="form-control">
                    <option value="1">补贴订单</option>
                    <option value="1">...</option>
                </select>
                <span class="input-group-addon fix-border fix-padding">企业</span>
                <select class="form-control">
                    <option value="1">已回款</option>
                    <option value="1">...</option>
                </select>
            </div>
        </div>

    </div>
</div>
<!--选项卡-->
<div class="tab_list_header">
    <div class="row">
        <div class="col-sm-12">
            <table class="table table-borderless">
                <thead>
                <tr>
                    <th width="50"></th>
                    <th>姓名</th>
                    <th>手机号码</th>
                    <th>身份证号码</th>
                    <th>所属企业</th>
                    <th>所属工会</th>
                    <th>申请时间</th>
                    <th>所属步骤</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_01">
                        <label for="checkbox_01"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_02">
                        <label for="checkbox_02"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_03">
                        <label for="checkbox_03"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_04">
                        <label for="checkbox_04"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <div style="padding: 0 8px">
                <div class="pull-left" id="qx_checkbox">
                    <input type="checkbox" name="qx_btn" id="btn_01">
                    <label for="btn_01">全选</label>
                </div>
                <div class="pull-right">
                    <button class="btn btn-primary btn_add pull-right">批量发送短信</button>
                </div>
            </div>

        </div>
    </div>
</div>


<!--nav 部件-->
<div class="nav_list" style="margin-top: 20px">
    <div class="text_title" style="float: inherit">驳回</div>
</div>
<!--搜索内容-->
<div class="search_form" style="background-color: #F7F7F7">
    <div class="row">
        <div class="col-sm-4 " style="float:right;">
            <div class="input-group">
                <span class="input-group-addon fix-border fix-padding"></span>
                <input type="text" class="form-control" placeholder="姓名">
                <span class="input-group-btn">
          <button class="btn btn-primary" type="button">搜索</button>
        </span>
            </div>
        </div>
        <div class="col-sm-8" style="float:right;">
            <div class="input-group input_jygl">
                <span class="input-group-addon fix-border fix-padding">所在工会</span>
                <input type="text" class="form-control" placeholder="第一步">
                <span class="input-group-addon fix-border fix-padding">所在企业</span>
                <input type="text" class="form-control" placeholder="不为空">
            </div>
        </div>

    </div>
</div>
<!--选项卡-->
<div class="tab_list_header">
    <div class="row">
        <div class="col-sm-12">
            <table class="table table-borderless">
                <thead>
                <tr>
                    <th width="50"></th>
                    <th>姓名</th>
                    <th>手机号码</th>
                    <th>身份证号码</th>
                    <th>所属企业</th>
                    <th>所属工会</th>
                    <th>驳回时间</th>
                    <th>驳回状态</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox_2" id="checkbox_05">
                        <label for="checkbox_05"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">市工会驳回</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox_2" id="checkbox_06">
                        <label for="checkbox_06"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox_2" id="checkbox_07">
                        <label for="checkbox_07"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox_2" id="checkbox_08">
                        <label for="checkbox_08"></label>
                    </td>
                    <td>Sunday</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td>catouse</td>
                    <td><a href="javasceipt:;" class="text-danger">第二步</a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-12">
            <div style="padding: 0 8px">
                <div class="pull-left" id="qx_checkbox">
                    <input type="checkbox" name="qx_btn" id="btn_02">
                    <label for="btn_02">全选</label>
                </div>
                <div class="pull-right">
                    <button class="btn btn-primary btn_add pull-right">批量发送短信</button>
                </div>
            </div>

        </div>
    </div>
    <div class="row">
        <div class="col-sm-12  text-right" style="margin: 20px 0">
            <div id="pages">
                <a>共150条</a>
                <span>1</span>
                <a href="/eeadmin.php?s=subsidy&amp;c=sms_log&amp;m=index&amp;page=2" data-ci-pagination-page="2">2</a>
                <a href="/eeadmin.php?s=subsidy&amp;c=sms_log&amp;m=index&amp;page=3" data-ci-pagination-page="3">3</a>
                <a href="/eeadmin.php?s=subsidy&amp;c=sms_log&amp;m=index&amp;page=2" data-ci-pagination-page="2" rel="next">下一页</a>
                <a href="/eeadmin.php?s=subsidy&amp;c=sms_log&amp;m=index&amp;page=8" data-ci-pagination-page="8">最后一页</a>
            </div>
        </div>
    </div>
</div>


<button type="button" class="btn btn-lg btn-primary" id="model_01">方法触发弹窗</button>



<div class="modal fade"  id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">标题</h4>
            </div>
            <div class="modal-body">





                <div style="padding: 10px">
                    <h5>批量发送短信  <span style="font-size: 12px;color: #999999">已选320个职工</span></h5>

                    <div style="margin-top: 20px;border: 1px solid #e5e5e5;padding: 10px">
                        通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通
                        知通知通知通知通知通知通知通知通知通知通知通知通知通知通知通知
                        通知通知通知通知通知通知通知通知通知通知
                    </div>

                    <div style="text-align: center">
                        <button style="color: #fff;background-color: #3a72a7;border-color: #2e5b84; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);padding: 10px;margin: 20px;border: 0">发送短信</button>
                    </div>
                </div>


                <div style="padding: 10px">
                    <div style="padding: 10px;background-color: #DDF4DF;color: #76C07A">短信发送成功，xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</div>
                    <table style="width: 100%;margin-top: 20px;">
                        <thead>
                        <tr style="border-bottom: 1px solid #ddd;">
                            <th style="vertical-align: bottom;background-color: #f1f1f1;border: 1px solid #ddd;padding: 10px">职工姓名</th>
                            <th style="vertical-align: bottom;background-color: #f1f1f1;border: 1px solid #ddd;padding: 10px">手机号</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td style="border: 1px solid #ddd;padding: 10px">xxx</td>
                            <td  style="border: 1px solid #ddd;padding: 10px">xxx</td>
                        </tr>
                        </tbody>
                    </table>
                    <div style="text-align: center">
                        <button style="color: #fff;background-color: #3a72a7;border-color: #2e5b84; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);padding: 10px;margin: 20px;border: 0">发送短信</button>
                    </div>

                </div>



            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">发送</button>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript"
        src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript"
        src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $(function () {
        $('#btn_01').on('click', function () {
            $("input[name='table_checkbox']").prop('checked', this.checked);
        });

        $("input[name='table_checkbox']").on('click', function () {
            var $subs = $("input[name='table_checkbox']");
            $("#btn_01").prop("checked", $subs.length == $subs.filter(":checked").length ? true : false);
        });


        $('#btn_02').on('click', function () {
            $("input[name='table_checkbox_2']").prop('checked', this.checked);
        });

        $("input[name='table_checkbox_2']").on('click', function () {
            var $subs = $("input[name='table_checkbox_2']");
            $("#btn_02").prop("checked", $subs.length == $subs.filter(":checked").length ? true : false);
        });


        $('#model_01').click(function () {
            console.log('asdasd');
            $('#myModal').modal('show', 'fit') ;

            //隐藏
//            $('#myModal').modal('hide', 'fit') ;

        })
    })

</script>

</body>
</html>